<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Smiley Helper : CodeIgniter User Guide</title>

<style type='text/css' media='all'>@import url('../userguide.css');</style>
<link rel='stylesheet' type='text/css' media='all' href='../userguide.css' />

<script type="text/javascript" src="../nav/nav.js"></script>
<script type="text/javascript" src="../nav/prototype.lite.js"></script>
<script type="text/javascript" src="../nav/moo.fx.js"></script>
<script type="text/javascript" src="../nav/user_guide_menu.js"></script>

<meta http-equiv='expires' content='-1' />
<meta http-equiv= 'pragma' content='no-cache' />
<meta name='robots' content='all' />
<meta name='author' content='ExpressionEngine Dev Team' />
<meta name='description' content='CodeIgniter User Guide' />

</head>
<body>

<!-- START NAVIGATION -->
<div id="nav"><div id="nav_inner"><script type="text/javascript">create_menu('../');</script></div></div>
<div id="nav2"><a name="top"></a><a href="javascript:void(0);" onclick="myHeight.toggle();"><img src="../images/nav_toggle_darker.jpg" width="154" height="43" border="0" title="Toggle Table of Contents" alt="Toggle Table of Contents" /></a></div>
<div id="masthead">
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td><h1>CodeIgniter User Guide Version 2.1.0</h1></td>
<td id="breadcrumb_right"><a href="../toc.html">Table of Contents Page</a></td>
</tr>
</table>
</div>
<!-- END NAVIGATION -->


<!-- START BREADCRUMB -->
<table cellpadding="0" cellspacing="0" border="0" style="width:100%">
<tr>
<td id="breadcrumb">
<a href="http://codeigniter.com/">CodeIgniter Home</a> &nbsp;&#8250;&nbsp;
<a href="../index.html">User Guide Home</a> &nbsp;&#8250;&nbsp;
Smiley Helper
</td>
<td id="searchbox"><form method="get" action="http://www.google.com/search"><input type="hidden" name="as_sitesearch" id="as_sitesearch" value="codeigniter-kr.org/user_guide_2.1.0/" />Search User Guide&nbsp; <input type="text" class="input" style="width:200px;" name="q" id="q" size="31" maxlength="255" value="" />&nbsp;<input type="submit" class="submit" name="sa" value="Go" /></form></td>
</tr>
</table>
<!-- END BREADCRUMB -->

<br clear="all" />


<!-- START CONTENT -->
<div id="content">


<h1>스마일리 Smiley Helper</h1>

<p>스마일리헬퍼는 스마일리(이모티콘)을 관리할수 있도록 해 줍니다.</p>


<h2>헬퍼로딩Loading this Helper</h2>

<p>다음과같이 헬퍼를 로드합니다:</p>
<code>$this->load->helper('smiley');</code>

<h2>개요 Overview</h2>

<p>스마일리는 텍스트 이모티콘(예 : <dfn>:-)</dfn> )을 받아서 이미지 이모티콘(<img src="../images/smile.gif" width="19" height="19" border="0" alt="smile!" />)으로 렌더링 해줍니다. </p>

<p>또한 한세트의 스마일리를 표시한후 사용자가 클릭하면 원하는 위치에 삽입되도록 할수도 있습니다.
예를들어, 만약 여러분의 블로그에서 사용자 입력을 받는다면, 입력폼옆에 스마일리를 보여줄 수 있습니다.
사용자가 원하는 스마일리를 클릭하면, 자바스크립트를 통해서 폼안에 삽입됩니다.</p>



<h2>클릭가능한 스마일리 사용법 Clickable Smileys Tutorial</h2>

<p>아래 예제는 폼 옆에 클릭가능한 스마일리세트를 만드는 법을 보여줍니다. 먼저 스마일리 이미지를 다운로드하여 설치하셔야 합니다. 그후 컨트롤러와 뷰 파일을 설명된대로 만듦니다.</p>

<p class="important"><strong>중요:</strong> 시작하기전에, <a href="http://codeigniter.com/download_files/smileys.zip">스마일리를 다운받고</a>  서버에서 일반적으로 접근가능한곳에 저장하세요.  그리고 스마일리 변환배열이 <dfn>application/config/smileys.php</dfn> 파일에 있어야합니다. </p>


<h3>컨트롤러 The Controller</h3>

<p><dfn>application/controllers/</dfn> 폴더에서, <kbd>smileys.php</kbd> 파일을 생성한후 아래의 코드를 삽입하세요.</p>

<p><strong>중요:</strong> <dfn>get_clickable_smileys()</dfn> 함수의 url 을 여러분의 <dfn>스마일리(smiley)</dfn> 폴더로 바꾸세요.</p>

<p>아시다시피 본예제에서는 스마일리 헬퍼 외에 <a href="../libraries/table.html">테이블 클래스</a>도 사용합니다. </p>

<textarea class="textarea" style="width:100%" cols="50" rows="25">
&lt;?php

class Smileys extends CI_Controller {

	function __construct()
	{
		parent::__construct();
	}


	function index()
	{
		$this->load->helper('smiley');
		$this->load->library('table');

		$image_array = get_clickable_smileys('http://example.com/images/smileys/');

		$col_array = $this->table->make_columns($image_array, 8);

		$data['smiley_table'] = $this->table->generate($col_array);

		$this->load->view('smiley_view', $data);
	}

}
?&gt;
</textarea>

<p><dfn>application/views/</dfn> 폴더에서, <kbd>smiley_view.php</kbd> 파일을 생성한후 다음 코드를 삽입합니다:</p>


<textarea class="textarea" style="width:100%" cols="50" rows="20">
&lt;html>
&lt;head>
&lt;title>Smileys&lt;/title>

&lt;?php echo js_insert_smiley('blog', 'comments'); ?>

&lt;/head>
&lt;body>

&lt;form name="blog">
&lt;textarea name="comments" cols="40" rows="4">&lt;/textarea>
&lt;/form>

&lt;p>Click to insert a smiley!&lt;/p>

&lt;?php echo $smiley_table; ?>

&lt;/body>
&lt;/html>
</textarea>


<p>위 컨트롤러와 뷰파일을 생성한후에 <dfn>http://www.your=site.com/index.php/smileys/ </dfn>과 같은 URL 로 페이지를 로드합니다.</p>

<h1>함수 레퍼런스 Function Reference</h1>


<h2>get_clickable_smileys()</h2>

<p>클릭가능한 링크로 감싸진 스마일리 이미지의 배열을 리턴합니다.  스마일리 폴더의 URL 을 첫번째 파라미터로 넘겨줘야합니다:</p>

<code>$image_array = get_clickable_smileys("http://example.com/images/smileys/");</code>


<h2>js_insert_smiley()</h2>

<p>이미지가 클릭되었을때 폼에 삽입될수 있도록 자바스크립트를 생성합니다.
첫번째 파라미터는 폼의 이름을 넘겨줘야합니다. 이 함수는 &lt;head&gt; 영역에 위치하도록 디자인 되어있습니다..</p>

<code>&lt;?php echo js_insert_smiley('blog', 'comments'); ?&gt;</code>


<h2>parse_smileys()</h2>

<p>텍스트를 입력받아 그에 대응되는 이미지로 변환시켜줍니다.  첫번째 파라미터는 텍스트를 , 두번째 파라미터는 스마일리 폴더의 URL 을 넘겨줍니다:</p>

<code>

$str = 'Here are some simileys: :-)  ;-)';

$str = parse_smileys($str, "http://example.com/images/smileys/");

echo $str;
</code>
</div>
<!-- END CONTENT -->


<div id="footer">
<p>
Previous Topic:&nbsp;&nbsp;<a href="security_helper.html">Security Helper</a>
&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="#top">Top of Page</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
<a href="../index.html">User Guide Home</a>&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;
Next Topic:&nbsp;&nbsp;<a href="string_helper.html">String Helper</a>
</p>
<p><a href="http://codeigniter.com">CodeIgniter</a> &nbsp;&middot;&nbsp; Copyright &#169; 2006 - 2011 &nbsp;&middot;&nbsp; <a href="http://ellislab.com/">Ellislab, Inc.</a></p>
</div>

</body>
</html>